<?php include("header.php")?>
            	
       <div class="wrap-content">
       		<h1 class="titlePage faq"><span>Pertanyaan</span></h1>
       		<div class="accor">
            	<div class="a1">
                	<h2 class="current"> Lorem ipsum dolor sit amet? <span> </span></h2>
                    <div class="answer">
                    <p>
                    consectetur adipiscing elit. Ut ligula nulla, convallis bibendum condimentum nec, tristique non mi. Curabitur sem justo, scelerisque nec quam a, laoreet mollis purus. Vivamus malesuada velit eget dui dignissim, et dapibus massa pretium. Ut turpis erat, tincidunt in congue quis, scelerisque vitae turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vel commodo velit. Etiam molestie rhoncus molestie. Nunc suscipit pulvinar leo eu gravida. Praesent sit amet cursus arcu. Ut lobortis dolor id nunc pretium, eu bibendum leo euismod. Vivamus ornare justo non scelerisque ultricies. Nullam malesuada risus non felis lacinia sollicitudin. 
                    </p>
                    </div>
                </div>
                
                <div class="a1">
                	<h2> Lorem ipsum dolor sit amet?<span> </span></h2>
                    <div class="answer">
                    <p>
                    consectetur adipiscing elit. Ut ligula nulla, convallis bibendum condimentum nec, tristique non mi. Curabitur sem justo, scelerisque nec quam a, laoreet mollis purus. Vivamus malesuada velit eget dui dignissim, et dapibus massa pretium. Ut turpis erat, tincidunt in congue quis, scelerisque vitae turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vel commodo velit. Etiam molestie rhoncus molestie. Nunc suscipit pulvinar leo eu gravida. Praesent sit amet cursus arcu. Ut lobortis dolor id nunc pretium, eu bibendum leo euismod. Vivamus ornare justo non scelerisque ultricies. Nullam malesuada risus non felis lacinia sollicitudin.
                    </p> 
                    </div>
                </div>
                
                <div class="a1">
                	<h2> Lorem ipsum dolor sit amet?<span></span></h2>
                    <div class="answer">
                    <p>
                    consectetur adipiscing elit. Ut ligula nulla, convallis bibendum condimentum nec, tristique non mi. Curabitur sem justo, scelerisque nec quam a, laoreet mollis purus. Vivamus malesuada velit eget dui dignissim, et dapibus massa pretium. Ut turpis erat, tincidunt in congue quis, scelerisque vitae turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vel commodo velit. Etiam molestie rhoncus molestie. Nunc suscipit pulvinar leo eu gravida. Praesent sit amet cursus arcu. Ut lobortis dolor id nunc pretium, eu bibendum leo euismod. Vivamus ornare justo non scelerisque ultricies. Nullam malesuada risus non felis lacinia sollicitudin.
                    </p> 
                    </div>
                </div>
            </div>
       </div>                
       
<script type="text/javascript">
$(document).ready(function(){
		
	  $(".answer").hide();
	  $(".answer:first").show();
	  
	  //toggle the componenet
	  $(".a1 h2").click(function()
	  {
		 
		 if($(this).hasClass("current")) {
			$(this).siblings(".answer").show();
			$(this).removeClass("current");
			$(this).next(".answer").slideToggle("slow");
		 }else{
			$(this).siblings(".answer").hide();
			$(this).addClass("current");
			$(this).next(".answer").slideToggle("slow");
		 }
	  });
	  
});
</script> 
                
<?php include("footer.php")?>

